body {overflow-x: hidden;margin: 0;padding: 0;box-sizing: border-box;font-family: "Poppins", sans-serif;}.top-bar {display: flex;align-items: center;justify-content: space-between;background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);gap: 20px;max-height: 10vh !important;}@media (min-width: 768px) and (max-width: 1000px) {a.navbar-brand{display: none !important;}.d-flex{display:none!important}.logos.d-flex.align-items-center.gap-3{display: none !important;}.contact-info.d-flex.align-items-center.flex-nowrap{display: none !important;}.logo-cadmech {margin-left: 159px;}.navbar-nav .nav-link {color: white !important;font-size: 14px !important;font-weight: 400 !important;padding: 8px 8px !important;}.dropdown-item{font-size: 14px !important;font-weight: 400 !important;}}@media (min-width: 1300px) and (max-width: 1449px) {.logo-cadmech {margin-left: 90px;}}@media (min-width: 1200px) and (max-width: 1300px) {.navbar-nav .nav-link {color: white !important;font-size: 14px !important;font-weight: 400 !important;padding: 8px 8px !important;}.dropdown-item{font-size: 14px !important;font-weight: 400 !important;}}@media (min-width: 1450px) {.logo-cadmech {margin-left: 159px;}}@media (max-width: 767px) {.logo-cadmech {margin-left: 0px;}div.contact-info{display: none !important;}.logos img {height: 20px !important;margin-bottom: 15px !important;}}.logo-image {max-width: 200px;height: auto;}.contact-info {display: flex;align-items: center;gap: 30px;margin-left: -30px;}.contact-item {display: flex;flex-direction: column;align-items: center;}.contact-item i {background: linear-gradient(90deg, #de0e0e, #fc8823);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 26px;}.contact-text {font-weight: 500;margin-top: 7px;font-size: 17px;}.logos {display: flex;align-items: center;gap: 10px;margin-right: 160px;}.logo-wd {max-width: 160px;height: auto;margin-right: 10px;}.logo-iso {width: 170px;height: 90px;margin-right: 50px;}.navbar {background: linear-gradient(90deg, #e6322c, #f2920c);color: white;width: 100%;display: flex;justify-content: center;padding: 10px 0;}.nav-links {list-style: none;display: flex;align-items: center;gap: 8px;padding: 0;margin: 0;margin-left: 340px;}.nav-links li {display: flex;align-items: center;}.nav-links li:not(:last-child)::after {content: "|";color: white;margin-left: 8px;font-weight: bold;}.nav-links a {text-decoration: none;color: white;font-weight: bold;}.hero-section {position: relative;width: 100%;height: 80vh;overflow: hidden;display: flex;align-items: center;justify-content: center;}.hero-image {width: 100%;height: 80vh;object-fit: cover;display: block;position: absolute;top: 0;left: 0;z-index: -1;}.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;text-align: center;padding: 20px;}.hero-content {max-width: 80%;color: white;text-align: center;}.hero-text {font-size: 35px;font-weight: bold;line-height: 1.3;text-align: center;}.cadmech-section {width: 100%;padding: 50px 0 0;background-color: #fcf2e8;}.container {width: 90%;margin: auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}.left-content {width: 60%;}.cadmech-title {background: linear-gradient(90deg, #de0e0e, #fc8823);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 2.5rem;font-weight: bold;line-height: 1.3;font-family: "Montserrat", sans-serif;}.cadmech-subtitle {background: linear-gradient(90deg, #de0e0e, #fc8823);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 1.2rem;font-weight: 500;font-style: italic;margin-top: -30px;}.cadmech-description {font-size: 1rem;color: #666;line-height: 1.6;text-align: justify;}.brand-container {margin-top: 20px;}.brand-button {background: linear-gradient(90deg, #de0e0e, #fc8823);color: white;padding: 12px 30px;font-size: 1rem;cursor: pointer;border: none;margin-bottom: -10px;}.brand-button1 {background: linear-gradient(90deg, #de0e0e, #fc8823);color: white;padding: 12px 30px;font-size: 1rem;cursor: pointer;border: none;margin-bottom: -10px;}.white-container {background-color: white;padding: 15px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: space-between;margin-top: 10px;width: 120vh;height: 360px;}.brand-message {background: linear-gradient(90deg, #de0e0e, #fc8823);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 1.6rem;font-weight: 500;margin-left: 70px;}.brand-logos img {width: 700px;}.right-content {width: 35%;display: flex;align-items: center;justify-content: center;}.student-image {margin-top: auto !important;margin-left: -80px;width: 100%;max-width: 350px;height: auto;max-height: 470px;}@media (max-width: 992px) {.container {flex-direction: column;text-align: center;}.left-content, .right-content {width: 100%;}.cadmech-title {font-size: 2rem;}.brand-logos img {width: 100px;}}.features-section {background: linear-gradient(90deg, #e6332a, #f39313);padding: 50px 0;text-align: center;}.logo {display: block;margin: 0 auto 20px;width: 200px;}.feature-icon {width: 80px;height: 80px;margin-bottom: 10px;}.feature-item {padding: 15px;}.feature-text {max-width: 250px;margin: 0 auto;font-size: 16px;color: white;}.row {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}.col-md-4 {flex: 1 1 calc(33.333% - 20px);min-width: 250px;max-width: 300px;}@media (max-width: 768px) {.col-md-4 {flex: 1 1 calc(50% - 20px);}}@media (max-width: 576px) {.col-md-4 {flex: 1 1 100%;}}.features-section {background: linear-gradient(90deg, #e6332a, #f39313);padding: 60px 0;text-align: center;color: white;position: relative;z-index: 0;}.features-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 40px;}.feature-item {z-index: 1;flex: 1 1 300px;max-width: 300px;text-align: center;}.feature-icon {width: 80px;height: 80px;color: white;}.feature-text {margin-top: -10px;font-size: 16px;max-width: 250px;margin-left: auto;margin-right: auto;}.background-pattern {position: absolute;height: 550px;background: url("/assets/img/sunburst-pattern.png") no-repeat center, url("assets/img/assets/img/Copy of Cadmech-Logo-Horizontal-Colour short.png") no-repeat center;background-size: cover, 200px;opacity: 0.35;margin-left: -550px;margin-top: -40px;z-index: 0;}.section-container {background-color:#fcf2e8;padding: 20px !important;text-align: center !important;}.section-title {font-size: 24px;font-weight: bold;margin-bottom: 10px;}.section-description {text-align: left;font-size: 29px;max-width: 1100px;line-height: 1.38;margin-left: 270px;margin-bottom: 30px;color: #5c5c5a;}.cim-title {margin-top: 50px;font-size: 20px;font-weight: bold;color: #5c5c5a;}.image-container {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;margin-top: 20px;}.image-card {margin-right: 35px;text-align: center;max-width: 250px;}.image-card img {width: 100%;height: 170px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);border: 9px solid white;}.image-caption {margin-top: 10px;font-size: 13px;font-weight: bold;color: #918686;font-weight: 600;}.equipment-section {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;padding: 1rem;}.equipment-item {text-align: center;}.equipment-item img {max-width: 100%;height: 200px;object-fit: contain;border-radius: 9px;}.equipment-item span {color: #e6332a;font-weight: 700;font-size: 1.5rem;margin-top: 200px;}.equipment-item h3 {font-weight: 600;font-size: 1rem;color: #655f5f;text-decoration: none;color: inherit;}@media (max-width: 768px) {.equipment-section {grid-template-columns: repeat(2, 1fr);}}.sunset-section {position: relative;width: 100%;height: 80vh;display: flex;align-items: center;justify-content: space-between;color: white;}.content {max-width:100vh;}.content h2 {font-size: 30px;font-weight: 400;margin-left: 100px;}.contact-form form {margin-right: 70px;display: flex;flex-direction: column;}.contact-form input, .contact-form textarea {width: auto;min-width: 50vh;padding: 10px;margin-bottom: 15px;font-size: 18px;}@media (max-width: 750px) {.contact-form input, .contact-form textarea {width: auto !important;min-width: 100% !important;padding: 10px;margin-bottom: 15px;font-size: 18px;}}.contact-form textarea {height: 80px;}.contact-form button {background: linear-gradient(90deg, #de0e0e, #fc8823);color: white;border: none;padding: 15px 0;width: 20vh;font-size: 16px;cursor: pointer;}.contact-form button:hover {opacity: 0.8;}.about-caption {margin-top: 10px;font-size: 30px;font-weight: bold;color: #918686;font-weight: 600;line-height: 120%;align-content: center;margin-top: 30px;text-align: center;padding-left: 150px;}.white-container-about {background-color: white;padding: 15px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: space-between;margin-top: 10px;width: 120vh;height: 400px;padding: 0px;z-index: 2;width: 70vw;background: linear-gradient(to right, white 80%, rgba(255, 255, 255, 0));position: relative;}.footer {background-color: #000;color: #fff;padding: 40px 20px;}.footer-container {display: flex;justify-content: space-between;align-items: flex-start;max-width: 1200px;margin: 0 auto;}.footer-left {flex: 0 0 auto;}.footer-left .logo {width: 250px;height: auto;}.footer-middle {flex: 0 0 auto;position: relative;padding-right: 50px;}.footer-middle i {background: linear-gradient(90deg, #de0e0e, #fc8823);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 24px;margin-right: 10px;vertical-align: middle;}.footer-middle::after {content: '';position: absolute;width: 2px;background: linear-gradient(0deg, #de0e0e, #fc8823);height: 200px;right: 0;top: 50%;transform: translateY(-50%);}.footer-links {flex: 0 0 auto;padding-left: 50px;}.footer-links h3 {color: #fff;margin-bottom: 20px;font-size: 20px;}.footer-links ul {list-style: none;padding: 0;margin: 0;}.footer-links ul li {margin-bottom: 10px;}.footer-links ul li a {color: #fff;text-decoration: none;font-size: 15px;}.footer-social {flex: 0 0 auto;}.footer-social h3 {color: #fff;margin-bottom: 20px;font-size: 20px;}.footer-social .social-icons {display: flex;gap: 15px;}.footer-social i {background: linear-gradient(90deg, #de0e0e, #fc8823);color: black;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;}.footer-bottom {width: 100%;text-align: center;margin-top: 23px;padding-top: 15px;margin-bottom: 37px;border-top: 1px solid #444;font-size: 14px;}.gradient-text {background: linear-gradient(90deg, #de0e0e, #fc8823);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}@media (max-width: 992px) {.footer-container {flex-direction: column;align-items: center;}.footer-left, .footer-middle, .footer-links, .footer-social {width: 100%;padding: 0;}.footer-middle::after {display: none;}.footer-middle {padding: 20px 0;}.footer-links {padding: 20px 0;}.footer-links ul {text-align: center;}.footer-social .social-icons {justify-content: center;}}@media (max-width: 576px) {.logos.d-flex.align-items-center.gap-3{display: none !important;}.contact-info.d-flex.align-items-center.flex-nowrap{display: none !important;}.footer {padding: 30px 15px;}.footer-left .logo {width: 180px;}.footer-middle i {font-size: 20px;}.footer-links h3, .footer-social h3 {font-size: 18px;margin-bottom: 15px;}.footer-links ul {text-align: left;}.footer-links ul li {margin-bottom: 8px;}.footer-links ul li a {font-size: 14px;}.footer-social i {width: 35px;height: 35px;font-size: 18px;}}@media (max-width: 375px) {.footer {padding: 25px 10px;}.footer-left .logo {width: 150px;}.footer-middle i {font-size: 18px;}.footer-links h3, .footer-social h3 {font-size: 16px;}.footer-links ul li a {font-size: 13px;}.footer-social i {width: 32px;height: 32px;font-size: 16px;}.footer-bottom {font-size: 12px;}}.carousel-buttons {display: flex;justify-content: center;gap: 15px;}.carousel-buttons button {background: linear-gradient(90deg, #de0e0e, #fc8823);-webkit-background-clip: text;background-clip: text;color: transparent;padding: 10px 15px;font-size: 50px;margin-top: -70px;border: none;cursor: pointer;font-weight: 800;margin-bottom: 30px ;}.team-container {display: flex;justify-content: center;gap: 100px;margin-top: 30px;padding-left: 100px;}.team-member {padding: 20px;border-radius: 10px;width: 250px;text-align: center;}.team-member img {width: 200px;height: 200px;border-radius: 50%;object-fit: cover;margin-bottom: 10px;}.team-title {margin-top: 20px;font-size: 18px;font-weight: bold;color: #5c5c5a;}.team-caption {font-size: 15px;font-weight: bold;color: #918686;font-weight: 400;line-height: 1.5;}.cim-components {padding: 40px 20px;text-align: center;background-color: #fff;}.cim-components h2 {font-size: 2rem;margin-bottom: 30px;}.component-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 25px;justify-items: center;}.component-item {background-color: #fafafa;padding: 10px;border: 1px solid #ddd;border-radius: 10px;transition: transform 0.2s ease;}.component-item:hover {transform: scale(1.03);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}.component-item img {max-width: 100%;height: 150px;object-fit: contain;}.component-item p {margin-top: 10px;font-size: 0.95rem;color: #333;}@media (max-width: 1024px) {.content-flexible {flex-direction: column;margin-left: 0;gap: 30px;align-items: center;}.left-section-fms, .right-section-fms {width: 100%;flex: unset;}.card-container-fms {justify-content: center;gap: 20px;}.card-fms {width: 280px;}.component-grid {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}.component-item img {height: 130px;}}@media (max-width: 768px) {a.navbar-brand{}.container-flexible {padding: 15px;}.content-flexible {margin-top: 30px;gap: 20px;}h1, h2 {font-size: 1.5rem;text-align: center;}.installations-fms h2, .cim-components h2 {font-size: 1.6rem;}.card-fms {width: 90%;margin: 0 auto;}.card-fms img {height: 180px;}.component-item img {height: 120px;}.component-item p {font-size: 0.9rem;}}@media (max-width: 480px) {.card-fms {width: 100%;}.card-fms img {height: 160px;}.component-grid {grid-template-columns: 1fr;}.component-item img {height: 100px;}.component-item p {font-size: 0.85rem;}}.client-section {position: relative;z-index: 10;}#clientCarousel, #clientCarousel .carousel-inner, #clientCarousel .carousel-item {display: block !important;visibility: visible !important;opacity: 1 !important;min-height: 120px;}.client-logo {max-height: 80px;width: auto;opacity: 1 !important;}#clientCarousel .carousel-control-prev, #clientCarousel .carousel-control-next {display: none !important;}.logo-card {height: 90px;background: #ffffff;border: 1px solid #e5e5e5;border-radius: 6px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}.logo-card:hover {box-shadow: 0 6px 15px rgba(0,0,0,0.08);transform: translateY(-3px);}.client-logo {max-height: 60px;width: auto;object-fit: contain;}#clientCarousel .carousel-item {width: 100%;}#clientCarousel .carousel-item > .row {width: 100%;margin: 0;}.pdf-download-btn {width: 55px;height: 35px;min-width: 55px;min-height: 25px;display: inline-block;background-image: url("/assets/img/download_pdf_icon.png");background-repeat: no-repeat;background-size: contain;background-position: center;}.cim-card .action-row {flex-wrap: nowrap;}@media (max-width: 767px) {.cim-card .action-row {flex-wrap: nowrap;}.cim-card .btn {padding: 4px 8px;font-size: 11px;min-width: auto;flex-shrink: 1;white-space: nowrap;}.cim-card .pdf-download-btn {width: 32px;height: 22px;min-width: 32px;flex-shrink: 0;}.cim-card .btn {font-weight: 600;}}.smart-vr-page .feature-item {flex: 0 0 250px;}.features-section h2 {width: 100%;color: #ffffff;text-align: center !important;font-size: 2.2rem;font-weight: 500;}.cards-wrapper {width: 100%;display: flex;justify-content: center;gap: 40px;padding: 60px 40px;box-sizing: border-box;}.info-card {background: #ffffff;border-radius: 18px;padding: 30px 35px;width: 100%;max-width: 420px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);}.info-card h3 {text-align: center;font-weight: 700;margin-bottom: 20px;}.info-card ul {padding-left: 18px;}.info-card ul li {margin-bottom: 12px;line-height: 1.6;}@media (max-width: 768px) {.cards-wrapper {flex-direction: column;padding: 40px 20px;}.info-card {max-width: 100%;}}.client-marquee {overflow: hidden;width: 100%;}.marquee-track {display: flex;animation: scroll 18s linear infinite;}.logo-item {flex: 0 0 220px;display: flex;align-items: center;justify-content: center;padding: 0 20px;}.logo-item img {max-width: 100%;max-height: 60px;object-fit: contain;}@keyframes scroll {0% {transform: translateX(0);}100% {transform: translateX(-100%);}}.client-marquee:hover .marquee-track {animation-play-state: paused;}.pdf_download_btn_ar_vr {width: 55px;height: 35px;min-width: 55px;min-height: 25px;display: inline-block;background-image: url("/assets/img/download_pdf_icon.png");background-repeat: no-repeat;background-size: contain;background-position: center;}.pdf_download_btn_ar_vr {display: inline-flex;align-items: center;justify-content: center;margin-left: 10px;vertical-align: middle;}.pdf_download_btn_ar_vr img {width: 40px;height: auto;cursor: pointer;}.career-enquiry-box {background: #ffffff;padding: 35px 30px;border-radius: 10px;box-shadow: 0 10px 25px rgba(0,0,0,0.08);max-width: 520px;margin: 0 auto;}.career-form-title {background: linear-gradient(90deg, #e60000, #ff8c1a);color: #fff;font-size: 26px;font-weight: 600;text-align: center;padding: 12px;border-radius: 6px;margin-bottom: 25px;}.career-enquiry-box .form-group {margin-bottom: 18px;}.career-enquiry-box input, .career-enquiry-box select, .career-enquiry-box textarea {width: 100%;border: 1px solid #d9dee8;padding: 12px 15px;border-radius: 8px;font-size: 15px;}.career-enquiry-box textarea {min-height: 110px;resize: none;}.career-submit-btn {background: linear-gradient(90deg, #e60000, #ff8c1a);border: none;color: #fff;padding: 10px 45px;font-size: 16px;border-radius: 6px;cursor: pointer;}.career-submit-btn:hover {opacity: 0.9;}.card-btn1 {display: inline-block;margin-top: 10px;padding: 8px 16px;background: linear-gradient(90deg, #e73229, #f28c13);color: black;text-decoration: none;border: 1px solid #fff;border-radius: 10px;font-size: 14px;font-weight: 600;cursor: pointer;text-align: center;transition: all 0.25s ease;padding: 15px 15px;}.card-btn1:hover {color: white;}